<template>
    <div class="servicecentre">
       <p>服务中心</p>
        <div class="box-list" @click="fun()">
           <h1>你好？我想修复眼袋！我是2013年</h1>
            <p>你好？我想修复眼袋！我是2013年你好？我想修复眼袋！我是2013年你好？我想修复眼袋！我是2013年你好？我想修复眼袋！我是2013年你好？我想修复眼袋！我是2013年你好？我想修复眼袋！我是2013年你好？我想修复眼袋！我是2013年你好？</p>
        </div>
        <div class="box-list">
            <h1>你好？我想修复眼袋！我是2013年</h1>
            <p>你好？我想修复眼袋！我是2013年你好？我想修复眼袋！我是2013年你好？我想修复眼袋！我是2013年你好？我想修复眼袋！我是2013年你好？我想修复眼袋！我是2013年你好？我想修复眼袋！我是2013年你好？我想修复眼袋！我是2013年你好？</p>
        </div>
        <div class="box-list">
            <h1>你好？我想修复眼袋！我是2013年</h1>
            <p>你好？我想修复眼袋！我是2013年你好？我想修复眼袋！我是2013年你好？我想修复眼袋！我是2013年你好？我想修复眼袋！我是2013年你好？我想修复眼袋！我是2013年你好？我想修复眼袋！我是2013年你好？我想修复眼袋！我是2013年你好？</p>
        </div>
    </div>
</template>

<script>
    export default {
        name: "ServiceCentre",
        methods :{
            fun () {
                this.$router.push({path:'/my/myindex/servicedelist'})
            }
        }
    }
</script>

<style scoped lang="less">
    @import "../../../style/style";
    .servicecentre{
        width: 700px;
        height: 1394px;
        background-color: #ffffff;
        border: solid 1px #e0e0e0;
        padding: 20px;
        >:first-child{
            color:@theme-color-dark ;
            font-size: 18px;
            border-bottom: 2px solid @theme-color-dark;
        }
        .box-list{
            padding: 20px;
            border-bottom: 1px dashed @border-color;
            cursor: pointer;
            h1{
                color: #333333;
                font-size: 18px;
                font-weight: normal;
                padding-bottom: 10px;
            }
            p{
                text-align: justify;
            }
        }
    }
</style>